<template>
	<div class="page">
		<Head />
		<div class="mainBody">
			<div class="user routerView">
				<div class="leftMenu">
					<leftAside></leftAside>
				</div>
				<div class="rightView">
					<div class="myPurse">
						<div class="card">
							<div class="cardTitle">
								<div class="topTitle">
									<div class="left">
										<p>Ví tiền của tôi</p>
										<div class="bodyTitle"><span>Ví tiền</span>
											<i class="iconfont icon-icon_refresh_gold_12"></i>
										</div>
									</div>
									<div class="getBack">
										<el-button>Ấn để chuyển về</el-button>
									</div>
								</div>
							</div>
							<div class="cardBody">
								<div class="bodyItem">
									<div class="moneyItem">
										<div class="gameMoney">
											<div>
												<p> 99,541,000VND </p>
												<p class="titleP">Số dư</p>
											</div>
										</div>
									</div>
									<div class="payAndWithdrawalItem">
										<div class="usdtMoney">
											<div>
												<p> 0VND </p>
												<p class="titleP">Số dư chờ xử lí</p>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="card">
							<div class="cardBody">
								<div class="bodyItem aotoBody">
									<div class="realPerson">
										<div class="realPersonItem">
											<div class="name"><span>AG</span><i class="iconfont icon-icon_refresh_gold_12"></i></div>
											<p class="moneyP">0</p>
										</div>
										<div class="realPersonItem">
											<div class="name"><span>WM</span><i class="iconfont icon-icon_refresh_gold_12"></i></div>
											<p class="moneyP">0</p>
										</div>
										<div class="realPersonItem">
											<div class="name"><span>MG</span><i class="iconfont icon-icon_refresh_gold_12"></i></div>
											<p class="moneyP">0</p>
										</div>
										<div class="realPersonItem">
											<div class="name"><span>BBIN</span><i class="iconfont icon-icon_refresh_gold_12"></i></div>
											<p class="moneyP">0</p>
										</div>
										<div class="realPersonItem">
											<div class="name"><span>SBO</span><i class="iconfont icon-icon_refresh_gold_12"></i></div>
											<p class="moneyP">0</p>
										</div>
										<div class="realPersonItem">
											<div class="name"><span>AE</span><i class="iconfont icon-icon_refresh_gold_12"></i></div>
											<p class="moneyP">0</p>
										</div>
										<div class="realPersonItem">
											<div class="name"><span>JDB</span><i class="iconfont icon-icon_refresh_gold_12"></i></div>
											<p class="moneyP">0</p>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="card">
							<div class="cardTitle">
								<span class="title">Chuyển quỹ</span>
							</div>
							<div class="cardBody purse-cardBody">
								<p class="bodyTitle"><span>Không hỗ trợ chuyển tiền qua lại giữa các sảnh game</span></p>
								<el-form :model="form" label-width="120px">
									<el-form-item label="Chuyển ra">
										<el-select v-model="form.value1" placeholder="请选择">
											<el-option label="BBIN" value="1"></el-option>
											<el-option label="Số dư" value="2"></el-option>
										</el-select>
									</el-form-item>
									<el-form-item label="Chuyển vào">
										<el-select v-model="form.value2" placeholder="请选择">
											<el-option label="AG" value="1"></el-option>
											<el-option label="WM" value="2"></el-option>
										</el-select>
									</el-form-item>
									<el-form-item label="Chuyển quỹ">
										<el-input v-model="form.value3" placeholder="Nhập lại mật khẩu mới"></el-input>
									</el-form-item>
									<div class="fastMoneyWrap">
										<div class="fastleft">Chọn nhanh tiền nạp</div>
										<div class="fastRight">
											<el-button class="fastItem" @click="onTabquic(item.value)" v-for="(item,index) in tabsquic" :key="index" :class="quickcur == index?'active':''">{{item.label}}</el-button>
										</div>
									</div>
									<div class="quotaConversionBtn" >
										<el-button type="primary" class="btn-submit">确 定</el-button>
									</div>
								</el-form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import Head from '@/components/Head.vue'
	import leftAside from '@/components/aside.vue'
	export default {
		components: {
			Head,
			leftAside
		},
		data() {
			return {
				tabsquic: [
					{
						label:'+1K',
						value:'1000'
					},{
						label:'+5K',
						value:'5000'
					},{
						label:'+10K',
						value:'10000'
					},{
						label:'+50K',
						value:'50000'
					},{
						label:'+100K',
						value:'100000'
					},{
						label:'+500K',
						value:'1000'
					},{
						label:'+1M',
						value:'1000'
					},{
						label:'+5M',
						value:'1000'
					},{
						label:'+10M',
						value:'1000'
					},{
						label:'+50M',
						value:'1000'
					}
				],
				form: {
					value1: 'BBIN',
					value2: 'BBIN',
					value3: '',
				},
			};
		},
		methods: {
			onTabquic(e){
				this.form.value3 = e
			},
		}
	}
</script>
